{
    "detail": {
        "width": 1403.88,
        "height": 840,
        "query": "function(){\n    return window.$glob.params || {}\n}",
        "header": "function(){\n    return window.$glob.params || {}\n}",
        "screen": "x",
        "mark": {
            "show": false,
            "text": "",
            "fontSize": 20,
            "color": "rgba(100,100,100,0.2)",
            "degree": -20
        },
        "scale": 1,
        "backgroundImage": "",
        "url": "",
        "gradeShow": false,
        "gradeLen": 30,
        "name": "施工过程",
        "backgroundColor": "rgba(20, 18, 93,0.9)"
    },
    "component": [
        {
            "title": "文本框",
            "name": "施工过程",
            "icon": "icon-text",
            "img": "img/assets/text.png",
            "dataType": 0,
            "dataFormatter": "",
            "dataHeader": "",
            "dataQuery": "",
            "stylesFormatter": "",
            "child": {
                "index": [],
                "paramList": []
            },
            "data": {
                "value": "施工过程"
            },
            "component": {
                "width": 237.7,
                "height": 40,
                "name": "text",
                "prop": "text"
            },
            "option": {
                "textAlign": "left",
                "fontSize": 34,
                "fontWeight": "normal",
                "color": "#fff"
            },
            "left": 0.81,
            "top": 1.43,
            "index": "dbd628e5-4199-4b84-8abc-ebe5409ee921",
            "zIndex": 12,
            "display": false
        },
        {
            "name": "施工过程tab",
            "title": "自定义Vue组件",
            "icon": "icon-bar",
            "img": "img/assets/text4.png",
            "dataType": 0,
            "dataFormatter": "",
            "dataHeader": "",
            "dataQuery": "",
            "stylesFormatter": "",
            "component": {
                "width": 761.43,
                "height": 44.66,
                "name": "vue",
                "prop": "vue",
                "perspective": 0,
                "scale": 0,
                "opacity": 0,
                "rotateX": 0,
                "rotateY": 0,
                "rotateZ": 0
            },
            "option": {
                "content": "<template>\n  <div>\n    <div\n      v-for=\"item in data\"\n      @click=\"tabClick(item)\"\n      :class=\"[selectValue == item.value ? 'tabClassSelect' : 'tabClass']\"\n      :key=\"item.name\"\n    >\n      {{ item.name }}\n    </div>\n  </div>\n</template>\n<script>\nexport default {\n  data() {\n    return {\n      path:'',\n      data: [\n        { name: \"进度部位\", value: \"0\" },\n        { name: \"班前晨会\", value: \"1\" },\n        { name: \"施工日报\", value: \"2\" },\n        { name: \"应急通知管理\", value: \"3\" },\n        { name: \"技术资料管理\", value: \"4\" },\n      ],\n      selectValue: \"0\",\n      idList: [\n        \"559875c2-4016-4322-a06d-4192236f6e8a\",\n        \"e2cc57e0-6379-42fc-8565-56b7aa0cca54\",\n        \"3d5a5c84-fb4a-4ae7-8e5e-ea142dddf1e0\",\n        \"e82c6956-4f85-493c-8e13-1e0ce40b7e30\",\n        \"99291621-a93d-468d-8ef7-e4c979c97e2f\",\n      ],\n      iframeList:[\n        {url:'https://dash.hibuilding.cn/view/245',id:'c95e11d4-eee0-4c2b-a040-1a3d03f7f2ca'},\n        {url:'https://dash.hibuilding.cn/view/126',id:'ffc5ce49-4ea0-4b05-b56f-c162bde154df'},\n        {url:'https://dash.hibuilding.cn/view/230',id:'33d8c5d8-69e9-455f-9a8c-01bf69b64051'},\n        {url:'https://dash.hibuilding.cn/view/231',id:'485d23da-66b7-4aba-903d-d71bbcf11b0e'},\n        {url:'https://dash.hibuilding.cn/view/232',id:'762a6b86-5877-4e3d-82ea-318063cd9daa'},\n      ]\n    };\n  },\n  created() {\n    this.path = window.location.search\n    this.tabClick({ name: \"进度部位\", value: \"0\" });\n  },\n  methods: {\n    tabClick(e) {\n      this.selectValue = e.value;\n      let refs = this.$parent.getItemRefs();\n      this.idList.forEach((item,index)=>{\n        if(index==e.value){\n          refs[this.iframeList[index].id].dataChart.value=this.iframeList[index].url+this.path\n         refs[item].setDisplay(false);\n        }else{\n          refs[item].setDisplay(true);\n        }\n      })\n    },\n  },\n};\n</script>\n\n<style>\n.tabClassSelect {\n  display: block;\n  margin-left: 26px;\n  background: linear-gradient(180deg, #00d7f8 0%, #009be2 44%, #4015ff 100%);\n  width: 120px;\n  height: 38px;\n  line-height: 38px;\n\n  border-radius: 8px 8px 8px 8px;\n  opacity: 1;\n  border: 1px solid #00ffff;\n  text-align: center;\n  font-size: 18px;\n  display: block;\n  float: left;\n  font-weight: bold;\n  color: #ffffff;\n}\n.tabClass {\n  display: block;\n  margin-left: 26px;\n  width: 120px;\n  height: 38px;\n  line-height: 38px;\n  background: transparent;\n  border-radius: 8px 8px 8px 8px;\n  opacity: 1;\n  border: 1px solid #00ffff;\n  text-align: center;\n  font-size: 18px;\n  display: block;\n  float: left;\n  font-weight: bold;\n  color: #ffffff;\n}\n</style>"
            },
            "left": 540.23,
            "top": 5.58,
            "index": "b3fe10eb-e8f2-48ed-9c05-bac12e3fb4e6",
            "child": {
                "index": [
                    "76bb6ee6-3cc7-4343-972a-f3a5b0077f82"
                ],
                "paramList": [
                    {
                        "name": "project_id",
                        "value": "project_id"
                    },
                    {
                        "name": "data_format",
                        "value": "data_format"
                    },
                    {
                        "name": "unit_no",
                        "value": "unit_no"
                    }
                ],
                "paramName": "",
                "paramValue": "value"
            },
            "zIndex": 11,
            "display": false
        },
        {
            "title": "图片",
            "name": "图片",
            "icon": "icon-img",
            "img": "img/assets/img.png",
            "top": 54.23,
            "left": -0.86,
            "dataType": 0,
            "data": {
                "value": "https://waspring.oss-cn-hangzhou.aliyuncs.com/upload/20231008/6012b07ebc369b27cc0e9c22cbee3279.svg"
            },
            "dataFormatter": "",
            "dataHeader": "",
            "dataQuery": "",
            "stylesFormatter": "",
            "component": {
                "width": 1378.73,
                "height": 11.81,
                "name": "img",
                "prop": "img",
                "perspective": 0,
                "scale": 0,
                "opacity": 0,
                "rotateX": 0,
                "rotateY": 0,
                "rotateZ": 0
            },
            "option": {
                "duration": "1000",
                "opacity": 0
            },
            "index": "39578225-e526-4f80-8f70-8ba150b448d3",
            "child": {
                "index": [],
                "paramList": []
            },
            "zIndex": 10,
            "display": false
        },
        {
            "title": "文件夹",
            "name": "进度部位",
            "index": "559875c2-4016-4322-a06d-4192236f6e8a",
            "menu": true,
            "display": false,
            "lock": false,
            "children": [
                {
                    "title": "iframe",
                    "name": "iframe",
                    "icon": "icon-iframe",
                    "img": "img/assets/iframe.png",
                    "top": 69.83,
                    "left": -15.57,
                    "component": {
                        "width": 1413.1,
                        "height": 757.55,
                        "option": {},
                        "name": "iframe",
                        "prop": "iframe",
                        "perspective": 0,
                        "scale": 0,
                        "opacity": 0,
                        "rotateX": 0,
                        "rotateY": 0,
                        "rotateZ": 0
                    },
                    "dataType": 0,
                    "data": {
                        "value": "https://dash.hibuilding.cn/view/245"
                    },
                    "dataFormatter": "",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "option": {},
                    "index": "c95e11d4-eee0-4c2b-a040-1a3d03f7f2ca",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "zIndex": 8,
                    "display": false
                }
            ],
            "zIndex": 9,
            "child": {},
            "isname": false,
            "dataFormatter": ""
        },
        {
            "title": "文件夹",
            "name": "班前晨会",
            "index": "e2cc57e0-6379-42fc-8565-56b7aa0cca54",
            "menu": true,
            "display": true,
            "lock": false,
            "children": [
                {
                    "title": "iframe",
                    "name": "iframe",
                    "icon": "icon-iframe",
                    "img": "img/assets/iframe.png",
                    "top": 70.11,
                    "left": -12.29,
                    "component": {
                        "width": 1406.68,
                        "height": 760.26,
                        "option": {},
                        "name": "iframe",
                        "prop": "iframe",
                        "perspective": 0,
                        "scale": 0,
                        "opacity": 0,
                        "rotateX": 0,
                        "rotateY": 0,
                        "rotateZ": 0
                    },
                    "dataType": 0,
                    "data": {
                        "value": "https://dash.hibuilding.cn/view/126?project_id=2205"
                    },
                    "dataFormatter": "",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "option": {},
                    "index": "ffc5ce49-4ea0-4b05-b56f-c162bde154df",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "zIndex": 6,
                    "display": true
                }
            ],
            "zIndex": 7,
            "isname": false,
            "child": {},
            "dataFormatter": ""
        },
        {
            "title": "文件夹",
            "name": "施工日报",
            "index": "3d5a5c84-fb4a-4ae7-8e5e-ea142dddf1e0",
            "menu": true,
            "display": true,
            "lock": false,
            "children": [
                {
                    "title": "iframe",
                    "name": "iframe",
                    "icon": "icon-iframe",
                    "img": "img/assets/iframe.png",
                    "top": 70.99,
                    "left": -11.5,
                    "component": {
                        "width": 1404.58,
                        "height": 760.32,
                        "option": {},
                        "name": "iframe",
                        "prop": "iframe",
                        "perspective": 0,
                        "scale": 0,
                        "opacity": 0,
                        "rotateX": 0,
                        "rotateY": 0,
                        "rotateZ": 0
                    },
                    "dataType": 0,
                    "data": {
                        "value": "https://dash.hibuilding.cn/view/230?project_id=2205"
                    },
                    "dataFormatter": "",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "option": {},
                    "index": "33d8c5d8-69e9-455f-9a8c-01bf69b64051",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "zIndex": 4,
                    "display": true
                }
            ],
            "zIndex": 5,
            "child": {},
            "isname": false,
            "dataFormatter": ""
        },
        {
            "title": "文件夹",
            "name": "应急通知管理",
            "index": "e82c6956-4f85-493c-8e13-1e0ce40b7e30",
            "menu": true,
            "display": true,
            "lock": false,
            "children": [
                {
                    "title": "iframe",
                    "name": "iframe",
                    "icon": "icon-iframe",
                    "img": "img/assets/iframe.png",
                    "top": 79.11,
                    "left": -13.05,
                    "component": {
                        "width": 1408.87,
                        "height": 750.22,
                        "option": {},
                        "name": "iframe",
                        "prop": "iframe",
                        "perspective": 0,
                        "scale": 0,
                        "opacity": 0,
                        "rotateX": 0,
                        "rotateY": 0,
                        "rotateZ": 0
                    },
                    "dataType": 0,
                    "data": {
                        "value": "https://dash.hibuilding.cn/view/231?project_id=2205"
                    },
                    "dataFormatter": "",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "option": {},
                    "index": "485d23da-66b7-4aba-903d-d71bbcf11b0e",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "zIndex": 2,
                    "display": true
                }
            ],
            "zIndex": 3,
            "child": {},
            "isname": false,
            "dataFormatter": ""
        },
        {
            "title": "文件夹",
            "name": "技术资料管理",
            "index": "99291621-a93d-468d-8ef7-e4c979c97e2f",
            "menu": true,
            "display": true,
            "lock": false,
            "children": [
                {
                    "title": "iframe",
                    "name": "iframe",
                    "icon": "icon-iframe",
                    "img": "img/assets/iframe.png",
                    "top": 71.69,
                    "left": -14.42,
                    "component": {
                        "width": 1409.97,
                        "height": 760.06,
                        "option": {},
                        "name": "iframe",
                        "prop": "iframe",
                        "perspective": 0,
                        "scale": 0,
                        "opacity": 0,
                        "rotateX": 0,
                        "rotateY": 0,
                        "rotateZ": 0
                    },
                    "dataType": 0,
                    "data": {
                        "value": "https://dash.hibuilding.cn/view/232?project_id=2205"
                    },
                    "dataFormatter": "",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "option": {},
                    "index": "762a6b86-5877-4e3d-82ea-318063cd9daa",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "zIndex": 0,
                    "display": true
                }
            ],
            "zIndex": 1,
            "child": {},
            "isname": false,
            "dataFormatter": ""
        }
    ]
}